<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA=Compatible content="IE=edge">
		<meta name="viewport" content="width=devibe-width,initial-scale=1.0">
		<title>小米布局</title>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			.nav{
				width: 1300px;
				height: 30px;
				background-color: rgb(240, 13, 13);
				margin: 0 auto;
			}
			li{
				list-style: none;
			}
			.father{
				width: 1300px;
				height: 600px;
				margin: 50px auto;
				background-color: blanchedalmond;
				
			}
			.zuo{
				width: 260px;
				height: 555px;
				background-color:rgb(76, 0,255) ;
				float: left;
			}
			.you{
				width: 1040px;
				height: 555px;
				background-color: chocolate;
				float: left;
			}
			.content li{
				width: 298px;
				height: 285px;
				float: left;
				background-color: rgb(255, 147, 6);
				margin-right: 36px;
			}
			.content .c2{
				margin-right: 0px;
			}
			.num3{
				width: 1300px;
				height: 800px;
				/*background-color: turquoise;*/
				margin: 20px auto;
			}
			.numzuo{
				width: 298px;
				height: 600px;
				background-color: rgb(96, 236, 15);
				float: left;
			}
			.numyou{
				width: 1002px;
				height: 600px;
				background-color: rgb(145, 10, 151);
				float: left;
			}
			.numzuo :hover{
				box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, .3);
			}
			.numyou li{
				width: 240px;
				height: 290px;
				background-color: yellow;
				float: left;
				margin-left: 10.5px;
				margin-bottom: 20px;
			}
			li:hover{
				box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, .3);
			}
		</style>
	</head>
	<body>
		<div class="nav"></div>
		<div class="father">
			<div class="zuo"></div>
			<div class="you"></div>
		</div>
		<ul class="content">
			<li></li>
			<li></li>
			<li></li>
			<li class="c2"></li>
		</ul>
		<div class="num3">
		<div class="numzuo"></div>
		<div class="numyou">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		</div>
	</body>
</html>
